/**
 * =============================================================================
 * ************   Helper 辅助类   ************
 * =============================================================================
 */
/**
 * =================== 边距
 */
 .mdui-m-a-0 {
    margin: 0 !important;
  }
  .mdui-m-t-0 {
    margin-top: 0 !important;
  }
  .mdui-m-r-0 {
    margin-right: 0 !important;
  }
  .mdui-m-b-0 {
    margin-bottom: 0 !important;
  }
  .mdui-m-l-0 {
    margin-left: 0 !important;
  }
  .mdui-m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mdui-m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mdui-p-a-0 {
    padding: 0 !important;
  }
  .mdui-p-t-0 {
    padding-top: 0 !important;
  }
  .mdui-p-r-0 {
    padding-right: 0 !important;
  }
  .mdui-p-b-0 {
    padding-bottom: 0 !important;
  }
  .mdui-p-l-0 {
    padding-left: 0 !important;
  }
  .mdui-p-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .mdui-p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .mdui-m-a-1 {
    margin: 8px !important;
  }
  .mdui-m-t-1 {
    margin-top: 8px !important;
  }
  .mdui-m-r-1 {
    margin-right: 8px !important;
  }
  .mdui-m-b-1 {
    margin-bottom: 8px !important;
  }
  .mdui-m-l-1 {
    margin-left: 8px !important;
  }
  .mdui-m-x-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mdui-m-y-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mdui-p-a-1 {
    padding: 8px !important;
  }
  .mdui-p-t-1 {
    padding-top: 8px !important;
  }
  .mdui-p-r-1 {
    padding-right: 8px !important;
  }
  .mdui-p-b-1 {
    padding-bottom: 8px !important;
  }
  .mdui-p-l-1 {
    padding-left: 8px !important;
  }
  .mdui-p-x-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .mdui-p-y-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .mdui-m-a-2 {
    margin: 16px !important;
  }
  .mdui-m-t-2 {
    margin-top: 16px !important;
  }
  .mdui-m-r-2 {
    margin-right: 16px !important;
  }
  .mdui-m-b-2 {
    margin-bottom: 16px !important;
  }
  .mdui-m-l-2 {
    margin-left: 16px !important;
  }
  .mdui-m-x-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mdui-m-y-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mdui-p-a-2 {
    padding: 16px !important;
  }
  .mdui-p-t-2 {
    padding-top: 16px !important;
  }
  .mdui-p-r-2 {
    padding-right: 16px !important;
  }
  .mdui-p-b-2 {
    padding-bottom: 16px !important;
  }
  .mdui-p-l-2 {
    padding-left: 16px !important;
  }
  .mdui-p-x-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .mdui-p-y-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .mdui-m-a-3 {
    margin: 24px !important;
  }
  .mdui-m-t-3 {
    margin-top: 24px !important;
  }
  .mdui-m-r-3 {
    margin-right: 24px !important;
  }
  .mdui-m-b-3 {
    margin-bottom: 24px !important;
  }
  .mdui-m-l-3 {
    margin-left: 24px !important;
  }
  .mdui-m-x-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mdui-m-y-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mdui-p-a-3 {
    padding: 24px !important;
  }
  .mdui-p-t-3 {
    padding-top: 24px !important;
  }
  .mdui-p-r-3 {
    padding-right: 24px !important;
  }
  .mdui-p-b-3 {
    padding-bottom: 24px !important;
  }
  .mdui-p-l-3 {
    padding-left: 24px !important;
  }
  .mdui-p-x-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .mdui-p-y-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .mdui-m-a-4 {
    margin: 32px !important;
  }
  .mdui-m-t-4 {
    margin-top: 32px !important;
  }
  .mdui-m-r-4 {
    margin-right: 32px !important;
  }
  .mdui-m-b-4 {
    margin-bottom: 32px !important;
  }
  .mdui-m-l-4 {
    margin-left: 32px !important;
  }
  .mdui-m-x-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mdui-m-y-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mdui-p-a-4 {
    padding: 32px !important;
  }
  .mdui-p-t-4 {
    padding-top: 32px !important;
  }
  .mdui-p-r-4 {
    padding-right: 32px !important;
  }
  .mdui-p-b-4 {
    padding-bottom: 32px !important;
  }
  .mdui-p-l-4 {
    padding-left: 32px !important;
  }
  .mdui-p-x-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .mdui-p-y-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .mdui-m-a-5 {
    margin: 40px !important;
  }
  .mdui-m-t-5 {
    margin-top: 40px !important;
  }
  .mdui-m-r-5 {
    margin-right: 40px !important;
  }
  .mdui-m-b-5 {
    margin-bottom: 40px !important;
  }
  .mdui-m-l-5 {
    margin-left: 40px !important;
  }
  .mdui-m-x-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mdui-m-y-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mdui-p-a-5 {
    padding: 40px !important;
  }
  .mdui-p-t-5 {
    padding-top: 40px !important;
  }
  .mdui-p-r-5 {
    padding-right: 40px !important;
  }
  .mdui-p-b-5 {
    padding-bottom: 40px !important;
  }
  .mdui-p-l-5 {
    padding-left: 40px !important;
  }
  .mdui-p-x-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .mdui-p-y-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  /**
   * ======================== 快速浮动
   */
  /* 向左浮动 */
  .mdui-float-left {
    float: left !important;
  }
  /* 向右浮动 */
  .mdui-float-right {
    float: right !important;
  }
  /**
   * ========================= 水平居中
   */
  /* 水平居中 */
  .mdui-center {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /**
   * ========================= 垂直居中
   */
  /* 垂直居中 */
  .mdui-valign {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display:         flex !important;
  
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
            align-items: center !important;
  }
  /**
   * ========================= 文本对齐方式
   */
  /* 文本左对齐 */
  .mdui-text-left {
    text-align: left !important;
  }
  /* 文本居中对齐 */
  .mdui-text-center {
    text-align: center !important;
  }
  /* 文本向右对齐 */
  .mdui-text-right {
    text-align: right !important;
  }